<template>
  <div class="menu-content">
    <div class="menu-main">
      <div class="menu-location">
        <img src="@/assets/online_consulting/location.png" alt="" />
        <span>{{title}}</span>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  props: ['title'],
};
</script>
<style lang="scss" scoped>
.menu-content {
  .menu-main {
    display: flex;
    flex-direction: column;
    .menu-location {
      height: calc(54 / 1920 * 100vw);
      display: flex;
      align-items: center;
      > img {
        width: calc(11 / 1920 * 100vw);
        height: calc(14 / 1920 * 100vw);
        margin-top: calc(-2 / 1920 * 100vw);
      }
      > span {
        margin-left: calc(11 / 1920 * 100vw);
      }
    }
  }
}
</style>